
/*
  DataGrid style sheet
--------------------------------------------------------------------- */


.datagrid-table {
/*	margin:0 20px;*/
	background: #ffffff;

}
.datagrid-table tr.alternate {
    background: #f8f8f8;
}

.datagrid-table th {
    background:#999999;
    line-height: 30px;
    text-align: left;
   /* text-shadow: -1px 1px 0 #FFFFFF;*/
   color:#FFF;

}
.datagrid-table th.wide {width:45%;}
.datagrid-table td {
    border-style:solid;
    border-color:#efefef;
    border-width: 0 0 1px 0;
    border-collapse:collapse;
    padding: 0 5px;
    height: 55px;
}
.datagrid-table th.first, .datagrid-table td.first {
    text-align:center;
    width:50px;
	border-right:#1px efefef solid ;
}
.datagrid-table th.indent, .datagrid-table td.indent {
    text-indent: 15px;
}
.datagrid-table td p.title, .datagrid-table td p.title a, .datagrid-table td p.title a:hover{
    font-weight: bold;
    margin-bottom: 5px;
    height:20px;
    overflow:hidden;
    color: #666;
}
.datagrid-table td p.title a:hover{
    text-decoration:underline;
}
.datagrid-table td p.actions span {
    padding-right: 5px;
}
.datagrid-table td p.actions a {
    margin-right: 5px;
	/*color:#1265D6;*/
}
/*.datagrid-table .hidden a { color:#1265D6; }*/
.datagrid-table a { color:#1265D6; }
.datagrid-table a:hover { color:#0346a2; }
.datagrid-table span.icon-yes, .datagrid-table span.icon-no{
    padding:2px 10px;
    background:url(../images/sprites.png) no-repeat 0 -495px;
}
.datagrid-table span.icon-no {
    background-position: 0 -525px;
}

.datagrid .gridbar{
    padding:0 3%;
    height:47px; line-height:47px;
	margin:0 20px;
	background:#cccccc;
}
.datagrid .bottombar{
    padding:0 3%;
    height:47px; line-height:47px;
	margin:0 20px;
	background:#cccccc;
}
.datagrid .gridbar-left{float:left;}
.datagrid .pagelist-box{float:right;}
.datagrid .total, .datagrid .curr-page{border:0 none;}
.datagrid .curr-page span {font-weight:bold; background-color:#999999; color:#FFF; padding:0 4px;}
.datagrid .pagelist-box ul li{ float:left; height:28px; line-height:28px; /*padding:0 4px;*/ margin:10px 4px 0 0;}
.datagrid .pagelist a{ color:#000; padding:0 4px;  }
.datagrid .pagelist a:hover{ background:#999999; color:#fff;  }
.datagrid .pg-next{background:url(../images/sprite.png) no-repeat -111px -623px; padding:0px 13px; width:70px;}
.datagrid .pg-next a{ color:#999999; }
.datagrid .pg-prev {background:url(../images/sprite.png) no-repeat -111px -596px; width:24px; overflow:hidden;}
.datagrid .pg-prev a, .datagrid .pg-prev span{ visibility: hidden; }

.table-frame { margin-top:20px; }
.table-frame .tabs { list-style:none; overflow:auto; height:30px; }
.table-frame .tabs li { float:left; }
.table-frame .tabs li a { display:block; height:30px; line-height:30px; font-size:15px; background:#999; color:#fff; padding:0px 15px;}
.table-frame .tabs li a.selected { display:block; font-weight:bold; height:30px; line-height:30px; font-size:15px; background:#fff; color:#666; }
.table-frame .tab-contents { background:#fff; padding:10px; }
.table-frame .table-actions { text-align:right; margin-bottom:10px; }
.table-frame .ecga-table { width:100%; background:#eee; }
.table-frame .ecga-table .th-desc th { text-align:center; background:#999; color:#fff; height:25px; line-height:25px; color:#fff; padding:0px 1em; border-right:#bbb 1px solid; }
.table-frame .ecga-table .th th { text-align:left; background:#ccc; color:#666; height:25px; line-height:25px; padding:0px 5px; border-right:#ddd 1px solid; }
.table-frame .ecga-table .th th.right { text-align:right; }
.table-frame .ecga-table td {background:#FFF; word-break:break-all; overflow:hidden; word-wrap:break-word; }
.table-frame .ecga-table tr.data-row { height:25px; line-height:25px; text-align:left;  }
.table-frame .ecga-table tr.data-row a{color: #04859D}
.table-frame .ecga-table tr.data-row td.sorted { background:#f8f8f8; }
.table-frame .ecga-table tr.data-row td { padding:0px 5px; }
.table-frame .ecga-table tr.alternate td { border-bottom:#efefef 1px solid; background:#f8f8f8; }
.table-frame a.sort-link { color:#666; text-decoration:underline; }
.table-frame a.desc {  }
.table-frame span.numberic { text-align:right; display:block; }
.table-frame span.rate-down { color:red; }
.table-frame span.rate-up { color:green; }
.table-frame .ecga-table .oddItem  td{background:#F8F8F8;}
.table-frame .ecga-table .v-center{vertical-align: middle}